const ESLintPlugin = require('eslint-webpack-plugin');

module.exports = {
    mode: "development",
    // 控制台中报错的位置和源码中位置保持一样
    devtool: "eval-source-map",
    devServer: {
        port: 8888,
        open: true, //打包成功后，自动打开浏览器
        client: {
            overlay: {
                errors: true,
                warnings: false
            }
        }
    },
    plugins: [
        // eslint-webpack-plugin这个插件的作用只是将eslint集成到webpack中,还需要下载eslint
        new ESLintPlugin({
            // 给这个插件提供一些信息,然后通过它可以对eslint进行一些控制
            eslintPath: "eslint", //指定使用什么对代码进行校验
            extensions: ['js', 'jsx', 'ts', 'tsx'], //对那些模块进行校验
            exclude: ['node_modules'], // 不对node_modules中的代码进行校验,可以提升打包的速度
            fix: false, //关闭自动修复功能
            formatter: "stylish"
        })
    ]
}